body{
	margin:0px;
	padding:0px;
	font-family:"Open Sans";
	background:#616161;
}
.morebttn{
	padding-top: 10px;
    padding-bottom: 20px;
   /* background: radial-gradient(black 2%, transparent 16%) 0 0, radial-gradient(black 2%, transparent 16%) 8px 8px, radial-gradient(rgba(255, 255, 255, 0.02) 5%, #2b2b2b00 20%) 0 1px, radial-gradient(rgba(7, 7, 7, 0.1) 5%, #645b5b00 20%) 8px 9px;
    background-color:#141414;
    background-size: 10px 10px;*/
}
.item img{
	min-width:100%;
}
p{
	font-family:"Open Sans";
	margin:auto;
	padding:auto;
}
h3 {font-family:"Open Sans";
	color:#fff;
	font-size:12px;
	font-weight:normal;
}
h2{margin:auto;}
#maincontainer {
    width: 100%;
    height: auto;
    background-color: #616161;
}
#main {
    transition: margin-left .5s;
    width:100%;
    position:relative;
}
header{
    border-bottom:#353535 2px solid;
    height:65px;
	background:#000;
}
.headermenu{
width: 15%;
    float: left;
    margin-top: 20px;
    margin-left: 10px; 
    /*  background: #fff;*/
    text-align: left;
}

.headerlogo{
	width: 65%;
    float: left;
    text-align: center;
   /* margin-top: 5px;*/
    margin-left: 10px;
}

.header img{
	max-width:100%;
}
.item img{
	max-width:100%;
}

.message{
	padding:4px 2%;
	font-size:12px;
	clear:both;
	color:#000;
	background:#dbb500;;
	text-align:center;
}

.message p{ 
	text-align:center; 
	padding:4px 10px;
	font-size:14px; 
	color:#fff;
}
.message a{
	color:#00802f; 
	text-decoration:underline;
}
.message a:hover{color:#000;}
.message p{
	font-size:14px; 
	padding:4px 0;
}

.message p.error{
	background:#ff0000;
	color:#000;
	font-size:15px; 
	paddin:4px 0; 
	text-align:center;
}
section{
    position: relative;
	width: 100%;
	clear:both;
	/*background:#454545;*/
	height:auto;
}
.titlebar{
	width: 100%;
    height: 32px;
    padding-top: 5px;
    color: #000;
    padding-left: 6px;
    font-size: 14px;
    text-align: left;
	background:#fff;
	font-weight: bold;
}

.language{
	width: 100%;
    background: #fff;
    text-align: center;
    font-family: "Open Sans";
    color: #000;
    font-size: 12px;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top:1px solid #ff01a2;
    border-bottom:1px solid #ff01a2;
}
.titletag{
	font-weight:bold; 
	font-size:18px; 
	color:#fff;
	margin-top:25px; 
	clear:both; 
	
}
.mySlides {
	display:none;
	width:100%;
	box-sizing:border-box;
	border-radius:11px;
	
}
.slidecontent{
	width:100%;
    margin: auto;	
}
.slideshow{
	width: 90%;
    background: #000;
    border-radius: 12px;
    border: 2px solid #313131;
    display: block;
    margin: auto;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 20px;
}

.productbar{
	width: 100%;
    height: 34px;
    border-top:2px solid #000000;
    border-bottom:2px solid #000000;
    background: #fff;
}
.barleft{
	float: left;
    width: 68%;
    text-align: left;
    margin-left: 5px;
}
.barleft h2{    
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin-top:8px;
}
.barright{
	height: 30px;
    margin-top: 5px;
    margin-right: 10px;    
	color:#000;
	float:right;
	width:22%;
	text-align: right;
	
}
/*.button{
	width: 60px;
    float: right;
	height: 30px;
	border: 1px solid #5f5858;
	border-radius:2px;
	background: rgba(235,233,249,1);
	background: -moz-linear-gradient(top, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,233,249,1)), color-stop(50%, rgba(216,208,239,1)), color-stop(51%, rgba(206,199,236,1)), color-stop(100%, rgba(193,191,234,1)));
	background: -webkit-linear-gradient(top, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: -o-linear-gradient(top, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: -ms-linear-gradient(top, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	background: linear-gradient(to bottom, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 50%, rgba(206,199,236,1) 51%, rgba(193,191,234,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=0 );
}*/
.barright h3{    
	margin-top: 6px;
    font-size: 12px;
    color: #9f0c69;
}
.carouselcontainer{
	width:100%;
	background:#010101 url(../images/bg.png) repeat;
	height:auto;
	padding-top: 10px;
}
.info h2{
	color:#000;
}

.separator{
	border-bottom:#797979 1px solid;
}
footer p{
	font-size:12px;
	color:#fff;
	
}
.content {
	width:100%;
	margin:1% auto 0% auto;
	position:relative;
	clear:both;
	text-align:center;
}

.contentti{
	/*border-radius:12px;*/
	margin-bottom:20px;
	margin:5px auto 5px auto;
	width:90%;
	position:relative;
	clear:both;
	display:inline-block;
	overflow:hidden;
	border:1px solid #636363;
}
.box{
	margin:auto;
	width:90%;
	height:auto;
	border-radius:12px;
	position: relative;
    clear: both;
    text-align: center;
	display: inline-block;
}
.box img{
	margin:auto;
	width:100%;
	height:auto;
	border-radius:12px;
	border:2px solid #949494;
	position: relative;
    clear: both;
    text-align: center;
}
.box2{
	margin:auto;
	width:90%;
	height:auto;
	border-radius:12px;
	margin-bottom:20px;
	margin-top:15px;
	
}
.box2 img{
	margin:auto;
	width:100%;
	height:auto;
	border-radius:12px;
	border: 4px solid #444;
	
}
.imgbox{
	margin: 0 10px 0 0;
    width: 100%;
    position: relative;
    float: left;
    display: inline-block;
}
.imgbox img{
	width:100%;
	height:100%;
	/*border: 2px solid #252525;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;*/
	clear: both;
    vertical-align: top;
	border-bottom: none;
}
.imgbox1{
	margin: 0 10px 0 0;
    width: 100%;
    position: relative;
    float: left;
    display: inline-block;
}
.imgbox1 img{
	width:100%;
	height:100%;
	border: 0px solid #252525;
	border-top-left-radius: 12px;
    border-top-right-radius: 12px;
	clear: both;
    vertical-align: top;
	border-bottom: none;
}

.video-play{
	position:absolute;
 	bottom:6px; 
 	left:6px;
 	text-align:center;
 	width:100%;
 	height:100%;
 	background:url(../images/dtv-vplay.png) no-repeat; 
    z-index:10;
}
.video-play1{
	position: absolute;
	text-align: center;
	width: 100%;
	height:100%;
	background: url(../images/dtv-vplay.png) no-repeat center center;
	z-index: 1;
}

.video-play1 img{
	max-width:100%;
 }
  
.info{
	position: relative;
    clear: both;
    padding:4px 0 4px 0;
    margin: 0;
    color: #ccc;
    width: 100%;
    background:#000;
    /*border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;*/
}
.info1{
	position: relative;
    clear: both;
    padding: 10px 0 5px 0;
    margin: 0;
    color: #ccc;
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.info1 h1{
	font-size: 18px;
	clear: both;
	display: block;
	color: #62003e;
	margin: 0 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: "open sans";
	font-weight:bold;
	text-decoration:none;
}
.info1 p{
	font-size: 12px;
	clear: both;
	display: block;
	color: #000;
	margin: 0 5px;
	font-family: "open sans";
	text-decoration:none;
	padding-right: 5px;
}

.info-desc{position:relative; 
clear:both; 
padding:10px 0 5px 0; 
margin:0;color:#000; 
width:98%;background:#fff;
border-bottom:1px solid #ddd;
}

.info h1{
	font-size: 18px;
	clear: both;
	display: block;
	color: #62003e;
	margin: 0 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-family: "open sans";
	font-weight:bold;
	text-decoration:none;
}
.info h2{    
	color:#fff;
    margin: 0px;
    font-size: 14px;
	padding-top:0px;
}
.info p{
	font-size: 12px;
	clear: both;
	display: block;
	color: #000;
	margin: 0 5px;
	/*white-space: nowrap;*/
	font-family: "open sans";
	text-decoration:none;
}
.infobar{
	height: auto;
    width: 90%;
    background: #f3f3f3;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: inset 0px 0px 5px rgba(53, 53, 53, 0.9);
    border: 1px solid #777777;
}
.infobar p{
	font-size: 16px;
    color: #9f0c69;
    font-weight: bold;
    padding-top: 5px;
}
.infobar h2{
	font-size: 12px;
    color: #000;
    margin-top: 0px;
    font-weight: normal;
    padding-bottom: 5px;
}
.infobar1{
	height: auto;
    width:100%;
    margin: auto;
    margin-top:5px;
    margin-bottom:5px;
}
.infobar1 p{
	font-size: 12px;
    color:#ff0000;
    font-weight: bold;
}
.infobar1 h2{
	font-size: 12px;
    color: #fff;
    margin-top: 0px;
    font-weight: normal;
    padding-bottom: 5px;
}
.bttnbar {
    width: 100%;
    height:35px;
    text-align: center;
    color:#000;
    font-size: 16px;
    padding-top: 5px;
    font-weight: bold;
	background:#fff;
}
.bttnbar a{
	color:#000;
}
.bttnbar a:hover{
	color:#000;
}

.downloads{
	padding:10px;
}
.backbttn{
	padding:10px 0px 15px 0px;
	color:#fff;
}
#adbanner{
	width: 98%;
    height: auto;
    margin: auto;
    /*background: #4b4b4b;*/
    padding-top: 5px;
    padding-bottom: 5px;
}
#adbanner img{
	min-width: 100%;
    max-width: 100%;
	border:2px solid #fff;
}
#myBtn {
 	display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color:#292929;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}

#myBtn:hover {
  background-color:#1d1d1d;
  color:#fff;
}
.leftdiv{
	width:48%;
	height:auto;
	background:#ffab00;
	box-sizing:border-box;
	display:inline-block;
	border:1px solid #949494;
}
.leftdiv img{
	width:100%;
	height:100%;
	background:#F00;
	vertical-align: bottom;
}
.leftdiv h2{
	width: 100%;
    line-height: 2em;
    font-size: 14px;
    color:#000;
    background:#fff;
    margin: 0px;
    text-align: center;
    font-weight:bold;
}
.leftdiv2{
	width:48%;
	height:auto;
	background:#ffab00;
	box-sizing:border-box;
	display:inline-block;
	margin-right:0px;
	border:1px solid #949494;
	float: right;
}
.leftdiv2 img{
	width:100%;
	height:100%;
	background:#F00;
	vertical-align: bottom;
}
.leftdiv2 h2{
	width: 100%;
    line-height: 2em;
    font-size: 14px;
    color:#000;
    background:#fff;
    margin: 0px;
    text-align: center;
    font-weight:bold;
}
.row{
	width:90%; 
	height:auto; 
	margin:auto; 
	/*background:#fff;*/
	margin-bottom: 12px;
}
footer{
	    width: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    height: 25px;
    margin: auto;
    padding-top: 5px;
    background:#000000;
    position: fixed;
    bottom: 0;
    border-top: 1px dashed #fff;
    z-index: 100;

}
.blank{
	height:30px;
}
.downloadbttn{
	padding-top:5px;
	padding-bottom:5px;
}
.title {
    width: 100%;
    margin: auto;
    background: #f8f8f8;
    display: inline-flex;
    box-sizing: border-box;
    border-bottom: 2px solid #ff6100;
}
.col1 {
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
h2{
	font-size: 14px;
    font-weight: bold;
    /*padding-left: 5px;*/
    color: #ff6100;
}
.banner {
    width: 100%;
    margin: auto;
   	border-bottom: 3px solid #f00;
    border-top: 2px solid #f00;
}
.banner img {
    max-width: 100%;
    min-width: 100%;
}
.rowbar{
	width: 100%;
    background: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
}



@media screen and (min-device-width:320px) and (max-device-width: 768px) { 
/*.header{padding: 5px 0;}*/
.header-wrapper{margin: 0 0 20px;padding: 0 0 20px;}
.info{padding: 5px 0;}
.footer span{font-size:12px;
}

 	
}

#lang{
 width: 100%;
    margin: auto;
    background: #E9E9E9 none repeat scroll 0% 0%;
    color: #000;
    text-align: right;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

a {
    color: #ffffff !important;
    text-decoration: none;
}
a:hover{
    color: #ffffff !important;
    text-decoration: none;
}